<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Dreamhub Interior-Design HTML5 Template</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- Favicon -->
	
	<!-- bootstrap CSS -->
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" media="all">
	<!-- carousel CSS -->
	<link rel="stylesheet" href="static/css/owl.carousel.min.css" type="text/css" media="all">	
	<!-- animate CSS -->
	<link rel="stylesheet" href="static/css/animate.css" type="text/css" media="all">	
	<!-- animated-text CSS -->
	<link rel="stylesheet" href="static/css/animated-text.css" type="text/css" media="all">	
	<!-- font-awesome CSS -->
	<link rel="stylesheet" href="static/css/all.min.css" type="text/css" media="all">	
	<!-- font-flaticon CSS -->
	<link rel="stylesheet" href="static/css/flaticon.css" type="text/css" media="all">	
	<!-- theme-default CSS -->
	<link rel="stylesheet" href="static/css/theme-default.css" type="text/css" media="all">	
	<!-- meanmenu CSS -->
	<link rel="stylesheet" href="static/css/meanmenu.min.css" type="text/css" media="all">	
	<!-- Main Style CSS -->
	<link rel="stylesheet" href="static/css/style.css" type="text/css" media="all">
	<!-- transitions CSS -->
	<link rel="stylesheet" href="static/css/owl.transitions.css" type="text/css" media="all">
	<!-- venobox CSS -->
	<link rel="stylesheet" href="static/css/venobox.css" type="text/css" media="all">
	<!-- responsive CSS -->
	<link rel="stylesheet" href="static/css/responsive.css" type="text/css" media="all">
	<!-- modernizr js -->	
	<script src="static/js/modernizr-3.5.0.min.js"></script>	
	<!-- bootstrap icons -->
	<link rel="stylesheet" href="static/css/bootstrap-icons.css">

	
</head>
<body>
	<!-- loder -->
	<div class="loader-wrapper">
	  <div class="loader"></div>
	  <div class="loder-section left-section"></div>
	  <div class="loder-section right-section"></div>
	</div>


<!--==================================================-->
<!-- Start dreamhub Main Menu Area -->
<!--==================================================-->
<div id="sticky-header" class="dreamhub_nav_manu">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-3">
				<div class="logo">
					<a class="logo_img" href="index.html" title="dreamhub">
						<img src="static/picture/logo.png" alt="logo">
					</a>
					<a class="main_sticky" href="index.html" title="dreamhub">
						<img src="static/picture/logo.png" alt="astute">
					</a>
				</div>
			</div>
			<div class="col-lg-9">
				<nav class="dreamhub_menu">
					<ul class="nav_scroll">
						<li><a href="index.html">Home</a></li>
						<li><a href="#">Projects</a>
							<ul class="sub-menu">
								<li><a href="project.html">Project</a></li>
								<li><a href="project-details.html">Project-details</a></li>
							</ul>
						</li>
						<li><a href="#">Services</a>
							<ul class="sub-menu">
								<li><a href="service.html">Services</a></li>
								<li><a href="service-details.html">Service-details</a></li>
							</ul>
						</li>
						<li><a href="#">Pages</a>
							<ul class="sub-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="team.html">Team</a></li>
								<li><a href="faq.html">faq</a></li>
								<li><a href="contact.html">Contact Us</a></li>
							</ul>
						</li>
						<li><a href="#">Blog</a>
							<ul class="sub-menu">
								<li><a href="blog-grid.html">Blog-Grid</a></li>
								<li><a href="blog-list.html">Blog-List</a></li>
								<li><a href="blog-2column.html">Blog-2Column</a></li>
								<li><a href="">Blog-Details</a></li>
							</ul>
						</li>
						<li><a href="#">Shop</a>
							<ul class="sub-menu">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="Shop-details.html">Shop-details</a></li>
							</ul>
						</li>
					</ul>
					<div class="header-search">
						<div class="search">
							<form action="#" method="get">
								<input type="text" name="s" value="" placeholder="Search" title="Search for:">
								<button type="submit" class="icons">
									<i class="fa fa-search"></i>
								</button>
							</form>
						</div>
					</div>
				</nav>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- end dreamhub Main Menu Area -->
<!--==================================================-->

<!-- dreamhub Mobile Menu Area -->
<div class="mobile-menu-area sticky d-sm-block d-md-block d-lg-none ">
	<div class="mobile-menu">
		<nav class="dreamhub_menu">
			<ul class="nav_scroll">
				<li><a href="index.html">Home</a></li>
				<li><a href="#">Projects</a>
					<ul class="sub-menu">
						<li><a href="project.html">Project</a></li>
						<li><a href="project-details.html">Project-details</a></li>
					</ul>
				</li>
				<li><a href="#">Services</a>
					<ul class="sub-menu">
						<li><a href="service.html">Services</a></li>
						<li><a href="service-details.html">Service-details</a></li>
					</ul>
				</li>
				<li><a href="#">Pages</a>
					<ul class="sub-menu">
						<li><a href="about-us.html">About Us</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="faq.html">faq</a></li>
						<li><a href="contact.html">Contact Us</a></li>
					</ul>
				</li>
				<li><a href="#">Blog</a>
					<ul class="sub-menu">
						<li><a href="blog-grid.html">Blog-Grid</a></li>
						<li><a href="blog-list.html">Blog-List</a></li>
						<li><a href="blog-2column.html">Blog-2Column</a></li>
						<li><a href="">Blog-Details</a></li>
					</ul>
				</li>
				<li><a href="#">Shop</a>
					<ul class="sub-menu">
						<li><a href="shop.html">Shop</a></li>
						<li><a href="Shop-details.html">Shop-details</a></li>
					</ul>
				</li>
			</ul>
			<div class="header-btn">
				<a href="contact-us.html">GET A FREE QUOTE</a>
			</div>
		</nav>
	</div>
</div>
<!--==================================================-->
<!-- End dreamhub Main Menu Area -->
<!--==================================================-->





<!--==================================================-->
<!-- start dreamhub breatcome Area -->
<!--==================================================-->



	<div class="breatcome-area d-flex align-items-center">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="breatcome-content">
						<div class="breatcome-title">
							<h1>Blog-Details</h1>
						</div>
						<div class="breatcome-text">
							<ul>
								<li><a href="index.html">Home /</a></li>
								<li>Blog-Details</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

<!--==================================================-->
<!-- end dreamhub breatcome Area -->
<!--==================================================-->


<!--==================================================-->
<!-- start dreamhub blog-details Area -->
<!--==================================================-->


	<div class="blog-details-area">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-6">
					<div class="side_bar">
					  <div class="side_bar_blog">
						 <h4>SEARCH</h4>
						 <div class="side_bar_search">
							<div class="input-group stylish-input-group">
							   <input class="form-control" placeholder="Search" type="text">
							   <span class="input-group-addon">
							   <button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
							   </span> 
							</div>
						 </div>
					  </div>
					  <div class="side_bar_blog">
						 <h4>ABOUT AUTHOR</h4>
						 <p>Consectetur, assumenda provident lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae laboriosam sunt hic perspiciatis<br><br> 
							asperiores mollitia excepturi voluptatibus sequi nostrum ipsam veniam omnis nihil! A ea maiores corporis. Lorem ipsum dolor sit amet in thy vary 
							consectetur adipisicing elit
						 </p>
					  </div>
					  <div class="side_bar_blog">
						 <h4>RECENT POST</h4>
						 <div class="recent_post">
							<ul>
							   <li>
								  <p class="post_head"><a href="#">Blog image post</a></p>
								  <p class="post_date"><i class="bi bi-calendar-week"></i> June 7, 2024</p>
							   </li>
							   <li>
								  <p class="post_head"><a href="#">How To Look Up</a></p>
								  <p class="post_date"><i class="bi bi-calendar-week"></i> June 7, 2024</p>
							   </li>
							   <li>
								  <p class="post_head"><a href="#">Treat That Oral Thrush Now</a></p>
								  <p class="post_date"><i class="bi bi-calendar-week"></i> June 7, 2024</p>
							   </li>
							</ul>
						 </div>
					  </div>
					  <div class="side_bar_blog">
						 <h4>CATEGORIES</h4>
						 <div class="categary">
							<ul>
							   <li><a href="#"><i class="fa fa-caret-right"></i> Creative (8)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> Fashion (5)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> Image (4)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> Travel (8)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> Videos (1) </a></li>
							</ul>
						 </div>
					  </div>
					  <div class="side_bar_blog">
						 <h4>TAG</h4>
						 <div class="tags">
							<ul>
							   <li><a href="#">Bootstrap</a></li>
							   <li><a href="#">HTML5</a></li>
							   <li><a href="#">Wordpress</a></li>
							   <li><a href="#">Bootstrap</a></li>
							   <li><a href="#">HTML5</a></li>
							</ul>
						 </div>
					  </div>
					  <div class="side_bar_blog">
						 <h4>CATEGORIES</h4>
						 <div class="categary">
							<ul>
							   <li><a href="#"><i class="fa fa-caret-right"></i> June (12)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> January (12)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> March (12)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> November (12)</a></li>
							   <li><a href="#"><i class="fa fa-caret-right"></i> December (12)</a></li>
							</ul>
						 </div>
					  </div>
					</div>
				</div>
				<div class="col-lg-8 col-md-6">
						<div class="row">
							<div class="col-lg-12 col-md-12 col-sm-12">
								<div class="single-blog-list single-blog-details">
									<div class="blog-thumb2">
										<img src="static/picture/blog-img4.jpg" alt="blog img">
									</div>
									<div class="blog-content2">
										<div class="blog-meta">
											<a href="#"><span>Creative Agency</span></a> <span>June 25, 2022</span>
											<a href="#" class="blog-comment">0 Comments</a>
										</div>
										<div class="blog-description">
											<p>Bccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est there laborum. Sed ut perspiciatis unde omnis iste more natus error sit voluptatem accusantium ware doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia on in tht a voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos query ratione voluptatem sequi very nice nesciunt. Neque porro quisquam amar sonar bangla ami tomay valo bashi </p>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor dolor an incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud there exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure poor dolor in reprehenderit in voluptate velit esse cillum</p>
											<div class="blog-dtls-desc">
												<p>“What sort of men would think it is acceptable to girl to this for level of brutality and violence? an attack like thiop.</p>
												<p>”Neil Borton”</p>
											</div>
											<p>Bccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est there laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium ware doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
										</div>
										<div class="blog-details-inner">
											<h3>ISN’T IT ONLY FOR BIG BUSINESSES?</h3>
											<p>Bccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est there laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium ware doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia on voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos query ratione voluptatem sequi nesciunt. Neque porro quisquam</p>
										</div>
										<div class="blog-details-social-icon">
											<a href=""><i aria-hidden="true" class="fab fa-facebook-f"></i></a>
											<a href=""><i aria-hidden="true" class="fab fa-twitter"></i></a>
											<a href=""><i class="fab fa-linkedin-in"></i></a>
											<a href=""><i class="fab fa-instagram"></i></a>
											<a href=""><i class="fab fa-pinterest-p"></i></a>
											<a href=""><i class="fab fa-dribbble"></i></a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row comment-area">
							<div class="col-md-12 col-md-12 col-sm-12">
								<div class="single-widget-item blg-dtls-bar">
									<h2 class="widget-title">Leave Comment</h2>
								</div>
							</div>
							<div class="col-lg-12 col-md-12 col-sm-12"> 
								<div class="control-contact-form">
									<form action="#" method="POST" id="dreamit-form">
										<div class="row">
											<div class="col-lg-6 col-md-6">
												<div class="input-box">
													<input type="text" name="Name" placeholder="Your Name" required="">
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="input-box">
													<input type="text" name="Email" placeholder="Email">
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="input-box">
													<input type="text" name="Phone" placeholder="Phone">
												</div>
											</div>
											<div class="col-lg-6 col-md-6">
												<div class="input-box">
													<input type="text" name="address" placeholder="Your Website">
												</div>
											</div>
											<div class="col-lg-12 col-md-12">
												<div class="input-box">
													<textarea name="message" id="message" cols="30" rows="10" placeholder="Your Comment..."></textarea>
												</div>
												<div class="input-button">
													<button type="submit">Post Comment<i class="fa fa-angle-right"></i></button>
												</div>
											</div>
										</div>
									</form>
									<div id="status"></div>
								</div>
							</div>
						</div>
					</div>
			</div>
		</div>
	</div>







<!--==================================================-->
<!-- Start dreamhub Footer Area -->
<!--==================================================-->
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget">
							<div class="footer-widget-logo">
								<a href="index.html"><img src="static/picture/logo2.png" alt="logo"></a>
							</div>
							<div class="footer-widget-text">
								<p>Showcase projects with Archicon especially made for architecture & interior design.</p>
							</div>
							<div class="footer-widget-social">
								<a href="#"><i class="bi bi-instagram"></i></a>
								<a href="#"><i class="fab fa-linkedin-in"></i></a>
								<a href="#"><i class="bi bi-youtube"></i></a>
								<a href="#"><i class="bi bi-behance"></i></a>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget left">
							<div class="widget-title">
								<h2>Contacts</h2>
							</div>
							<ul>
								<li><a href="#"><i class="fas fa-map-marker-alt"></i> 411 University St, Seattle, USA</a></li>
								<li><a href="#"><i class="fas fa-envelope"></i> theratio_simpil@mail.com</a></li>
								<li><a href="#"><i class="fas fa-phone-alt"></i> +1 800 456 789 123</a></li>
							</ul>
						</div>
					</div>
					<div class="col-lg-4 col-md-6">
						<div class="footer-widget right">
							<div class="widget-title">
								<h2>Subscribe</h2>
							</div>
							<div class="subscribe-form">
								<form>
									<div class="form-field">
										<input type="email" name="EMAIL" placeholder="Email" required="">
										<button class="subscribe-button" type="submit">Subscribe</button>
									</div>
								</form>
							</div>
							<div class="footer-widget-right-desc">
								<p>Follow our newsletter to stay updated about agency.</p>
							</div>
						</div>
					</div>
				</div>
		    </div>
	    </div>
	
<!--==================================================-->
<!-- end dreamhub Footer Area -->
<!--==================================================-->



<!--==================================================-->
<!-- Start dreamhub copyright Area -->
<!--==================================================-->

		<div class="copyright-area">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="footer-copyright-text">
							<p></p>
						</div>
					</div>
				</div>
			</div>
		</div>


<!--==================================================-->
<!-- end dreamhub copyright Area -->
<!--==================================================-->


<!--==================================================-->
<!-- Start Search Popup Area -->
<!--==================================================-->
<div class="search-popup">
	<button class="close-search style-two"><span class="flaticon-multiply"><i class="far fa-times-circle"></i></span></button>
	<button class="close-search"><i class="bi bi-arrow-up-short"></i></button>
	<form method="post" action="#">
		<div class="form-group">
			<input type="search" name="search-field" value="" placeholder="Search Here" required="">
			<button type="submit"><i class="fa fa-search"></i></button>
		</div>
	</form>
</div>
<!--==================================================-->
<!-- Start Search Popup Area -->
<!--==================================================-->



<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
<!-- scrollup section -->
<div class="scroll-area">
	<div class="top-wrap">
		<div class="go-top-btn-wraper">
			<div class="go-top go-top-button">
				<i class="fas fa-arrow-up"></i>
				<i class="fas fa-arrow-up"></i>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- Start scrollup section Area -->
<!--==================================================-->
	
	
	<!-- jquery js -->	
	<script src="static/js/jquery-3.6.2.min.js"></script>
	<!-- bootstrap js -->	
	<script src="static/js/bootstrap.min.js"></script>
	<!-- carousel js -->
	<script src="static/js/owl.carousel.min.js"></script>
	<!-- counterup js -->
	<script src="static/js/jquery.counterup.min.js"></script>
	<!-- waypoints js -->
	<script src="static/js/waypoints.min.js"></script>
	<!-- wow js -->
	<script src="static/js/wow.js"></script>
	<!-- imagesloaded js -->
	<script src="static/js/imagesloaded.pkgd.min.js"></script>
	<!-- venobox js -->
	<script src="static/js/venobox.js"></script>
	<!--  animated-text js -->	
	<script src="static/js/animated-text.js"></script>
	<!-- venobox min js -->
	<script src="static/js/venobox.min.js"></script>
	<!-- isotope js -->
	<script src="static/js/isotope.pkgd.min.js"></script>
	<!-- jquery meanmenu js -->	
	<script src="static/js/jquery.meanmenu.js"></script>
	<!-- jquery scrollup js -->	
	<script src="static/js/jquery.scrollUp.js"></script>
	<!-- theme js -->	
	<script src="static/js/theme.js"></script>
	<script src="static/js/jquery.barfiller.js"></script>
	<!-- jquery js -->		
</body>
</html>